    /* 版心 */
    
    .w {
        width: 1200px;
        margin: 0 auto;
    }
    /* 商品模块 */
    
    .w .shangp {
        width: 210px;
        height: 45px;
        background-color: #b1191a;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        color: #fff;
    }
    
    hr {
        border: 2px solid #b1191a;
        background-color: #b1191a;
    }
    
    .w .nav {
        float: left;
        width: 210px;
        height: 495px;
        background-color: #c81623;
    }
    
    .w .nav li a {
        display: block;
        font-size: 12px;
        color: #fff;
        padding: 9px 0 8px 10px;
    }
    
    .w .nav li a:hover {
        background-color: #f7f7f7;
        color: #c81623;
    }
    
    .qingg {
        position: relative;
    }
    
    .qing {
        position: absolute;
        left: 201px;
        top: 14px;
    }
    
    .qing ul li {
        float: left;
        margin-left: 47px;
    }
    
    .qing ul li a {
        font-size: 16px;
        color: #858585;
    }
    
    .qing ul li a:hover {
        color: #c81623;
    }
    /* 中部 */
    
    .navz {
        height: 485px;
        margin-top: 10px;
        background-color: #fff;
    }
    
    .navz img {
        float: left;
        width: 720px;
        height: 485px;
        margin-left: 10px;
    }
    
    .navr {
        float: right;
        width: 248px;
        height: 485px;
    }
    
    .navr1 .navrq {
        height: 33px;
        line-height: 33px;
        background-color: #fff;
        border: 1px solid #e4e4e4;
        border-bottom: 1px dashed #e4e4e4;
    }
    
    .navr1 .navrq h3 {
        float: left;
        font-size: 14px;
        font-weight: 400;
        margin-left: 14px;
        color: #333333;
    }
    
    .navr1 .navrq a {
        float: right;
        color: #333333;
        font-size: 12px;
    }
    
    .navr2 {
        height: 131px;
        border-bottom: 1px solid#e4e4e4;
        border-right: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
    }
    
    .navr2 ul li {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
    }
    
    .navr2 ul li a h4 {
        display: inline-block;
        color: #666666;
        font-size: 14px;
    }
    
    .navr2 ul li a span {
        font-size: 12px;
        color: #b3b3b3;
    }
    
    .navr3 {
        overflow: hidden;
        border: 1px solid #e4e4e4;
        border-top: 0;
    }
    
    .navr3 ul {
        height: 215px;
        width: 248px;
    }
    
    .navr3 ul li {
        float: left;
        width: 62px;
        height: 75px;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
    }
    
    .navr3 ul li i {
        display: inline-block;
        width: 24px;
        height: 28px;
        background-color: pink;
        margin-top: 12px;
        background: url(../images/img/icons.png)no-repeat -19px -15px;
    }
    
    .navr3 ul li p {
        color: #666;
    }
    
    .navr img {
        width: 248px;
        height: 80px;
        margin-left: 0px;
        margin-top: 12px;
    }
    /* 推荐模块底部 */
    
    .recom {
        height: 163px;
        background-color: pink;
        margin-top: 12px;
    }
    
    .recom_hd {
        float: left;
        width: 205px;
        height: 163px;
        background-color: #5c5251;
        text-align: center;
    }
    
    .recom_hd img {
        padding-top: 30px;
    }
    
    .recom_bd {
        float: left;
    }
    
    .recom_bd ul li {
        float: left;
    }
    /* <!-- floor制作 --> */
    
    .luo {
        height: 277px;
        background-color: #fff;
        margin-top: 10px;
    }
    
    .luo .luo1 h5 {
        float: left;
        line-height: 45px;
        font-size: 18px;
        color: #333333;
        font-weight: 400;
    }
    
    .luo .luo1 a {
        float: right;
        line-height: 45px;
        margin-right: 40px;
        font-size: 12px;
        color: #666666;
    }
    
    .luor {
        height: 232px;
        background-color: #fff;
    }
    
    .luor ul li {
        float: left;
        width: 200px;
        height: 232px;
        background-color: #fff;
        text-align: center;
        border: 1px solid #666666;
    }
    
    .luor ul li:nth-child(-n+5) {
        border-right: 0;
    }
    
    .luor ul li a p {
        font-size: 12px;
        color: #666666;
        margin-top: 5px;
    }
    
    .luor ul li a h6 {
        font-size: 18px;
        color: #df3033;
        margin-top: 8px;
    }
    /* 传智播客   有趣区 */
    
    .fong {
        height: 450px;
        margin-top: 10px;
    }
    
    .fong h6 {
        height: 43px;
        line-height: 43px;
        color: #333333;
        font-size: 18px;
    }
    
    .fong .fongx {
        width: 1220px;
        height: 407px;
    }
    
    .fong .fongx .fongx1 {
        float: left;
        width: 397px;
        height: 407px;
    }
    
    .fong .fongx .fongx1 img {
        width: 397px;
        height: 407px;
    }
    
    .fong .fongx .fongx2 {
        float: left;
        width: 249px;
        height: 407px;
    }
    
    .fong .fongx .fongx2 p {
        text-align: center;
        width: 249px;
        height: 39px;
        line-height: 39px;
        border: 1px solid #000;
        border-bottom: 1px dashed #000;
        border-left: 0;
    }
    
    .fong .fongx .fongx2 img {
        display: block;
        width: 248px;
        height: 183px;
        border-bottom: 1px solid #888888;
        border-right: 1px solid #888888;
    }
    
    .fong .fongx .fongx3 {
        float: left;
        width: 400px;
        height: 407px;
    }
    
    .fong .fongx .fongx3 p {
        text-align: center;
        width: 400px;
        height: 39px;
        line-height: 39px;
        border-top: 1px solid #000;
        border-bottom: 1px dashed #000;
    }
    
    .fong .fongx .fongx3 .zp {
        display: block;
        height: 183px;
        width: 400px;
        border-bottom: 1px solid #888888;
    }
    
    .fong .fongx .fongx3 .zp1 {
        float: left;
        width: 200px;
        height: 183px;
        border-bottom: 1px solid #000;
    }
    
    .fong .fongx .fongx4 {
        float: left;
        width: 170px;
        height: 407px;
    }
    
    .fong .fongx .fongx4 ul li {
        float: left;
    }
    
    .fong .fongx .fongx4 ul li:nth-child(2n+1) {
        border-bottom: 1px dashed #000;
        border-right: 1px dashed #000;
        border-left: 1px solid #000;
    }
    
    .fong .fongx .fongx4 ul li:nth-child(2n) {
        border-bottom: 1px dashed #000;
        border-right: 1px solid #000;
    }
    
    .fong .fongx .fongx4 ul li:nth-child(-n+2) {
        border-top: 1px solid #000;
    }
    
    .fong .fongx .fongx4 ul li:nth-child(n+12) {
        border-bottom: 1px solid #000;
    }
    
    .fong .fongx .fongx4 ul li a img {
        display: block;
        width: 75px;
        height: 57px;
    }
    /* 家电模块 */
    
    .mod_server {
        height: 396px;
        margin-top: 20px;
    }
    
    .mod_server .mod_server1 {
        height: 40px;
        line-height: 40px;
    }
    
    .mod_server .mod_server1 p {
        float: left;
        color: #c81623;
        font-size: 18px;
    }
    
    .mod_server .mod_server1 ul {
        margin-left: 480px;
    }
    
    .mod_server .mod_server1 ul li {
        float: left;
    }
    
    .mod_server .mod_server1 ul li:nth-child(2n) {
        margin: 0 10px 0 10px;
    }
    
    .mod_server .mod_server1 ul li a {
        color: #666666;
    }
    
    .mod_server .mod_server1 ul li a:hover {
        color: #c81623;
    }
    
    .mod_server .mod_server2 {
        height: 352px;
    }
    
    .mod_server .mod_server2 .mod1 {
        float: left;
        width: 206px;
        height: 351px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    .mod_server .mod_server2 .mod1 ul li {
        float: left;
        width: 84px;
        margin-left: 12px;
        text-align: center;
        border-bottom: 1px solid #f3f3f3;
    }
    
    .mod_server .mod_server2 .mod1 ul li a {
        display: inline-block;
        color: #8b8b8b;
        font-size: 12px;
        padding: 10px 0 10px 0;
    }
    
    .mod_server .mod_server2 .mod1 a {
        display: block;
        text-align: center;
    }
    
    .mod_server .mod_server2 .mod1 a img {
        width: 172px;
        height: 236px;
        margin-top: 2px;
    }
    
    .mod_server .mod_server2 .mod2 {
        float: left;
        width: 329px;
        height: 352px;
    }
    
    .mod_server .mod_server2 .mod2 img {
        width: 330px;
        height: 352px;
    }
    
    .mod_server .mod_server2 .mod3 {
        float: left;
        width: 220px;
        height: 352px;
    }
    
    .mod_server .mod_server2 .mod3 img {
        float: left;
        width: 219px;
        height: 175px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }
    
    .mod_server .mod_server2 .mod4 {
        float: left;
        width: 222px;
        height: 352px;
    }
    
    .mod_server .mod_server2 .mod4 img {
        width: 221px;
        height: 351px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }
    
    .mod_server .mod_server2 .mod5 {
        float: left;
        width: 219px;
        height: 352px;
    }
    
    .mod_server .mod_server2 .mod5 img {
        display: block;
        width: 218px;
        height: 175px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }
    
    .mod_gg {
        height: 65px;
        margin-top: 20px;
    }
    
    .mod_gg ul li {
        float: left;
        width: 120px;
        height: 65px;
    }
    
    .mod_gg ul li img {
        width: 119px;
        height: 65px;
        border-right: 1px dashed #999;
    }
    
    .mod_gg ul li .q10 {
        border-right: 0;
    }